<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="Stylesheet" href="css/analysis.css" />
    <script type="text/javascript">
        function init() {
            if (window.location.hash) {
                var parentDiv, nodes, i, helpInfo, helpId, helpInfoArr, helpEnvFilter, envContent, hideEnvClass, hideNodes;
                helpInfo = window.location.hash.substring(1);
                    if(helpInfo.indexOf("-")) {
                        helpInfoArr = helpInfo.split("-");
                        helpId = helpInfoArr[0];
                        helpEnvFilter = helpInfoArr[1];
                    }
                    else {
                        helpId = helpInfo;
                    }
                parentDiv = document.getElementById("topics");
                nodes = parentDiv.children;
                    hideEnvClass = (helpEnvFilter === "OnlineOnly"? "PortalOnly": "OnlineOnly");
                    if(document.getElementsByClassName) {
                        hideNodes = document.getElementsByClassName(hideEnvClass);
                    }
                    else {
                        hideNodes = document.querySelectorAll(hideEnvClass);
                    }
                for(i=0; i < nodes.length; i++) {
                    if(nodes[i].id !== helpId) {
                        nodes[i].style.display ="none";
                    }
                    }
                    for(i=0; i < hideNodes.length; i++) {
                        hideNodes[i].style.display ="none";
                    }
                }
            }
    </script>
</head>
<body onload="init()">
<div id="topics">
    <div id="toolDescription" class="smallsize">
        <h2>Calculate Slope</h2><p/>
        <h2><img src="./images/GUID-D33862C6-01BB-445E-B0C3-BC8B8C1858DA-web.png" alt="Calculate Slope tool for Portal"></h2>
        <hr/>
    <p>This tool creates a surface that shows the slope of the input elevation data. Slope represents the rate of change of elevation for each digital elevation model (DEM) cell.
    </p>
    </div>
    <!--Parameter divs for each param-->
    <div id="inputLayer">
        <div><h2>Choose input data to calculate slope</h2></div>
        <hr/>
        <div>
            <p>The elevation layer from which slope will be calculated.
            </p>
        </div>
    </div>
    <div id="zFactor">
        <div><h2>Specify scaling factor for elevation</h2></div>
        <hr/>
        <div>
            <p>Enter a z-factor.
            </p>
            <p>The z-factor is a scaling factor used to convert the elevation values for two purposes:
 
                <ul>
                    <li>To convert the elevation units (such as meters or feet) to the horizontal coordinate units of the layer, which may be feet, meters, or degrees
                        
  
                    </li>
                    <li>To add vertical exaggeration for visual effect
                        
 
                    </li>
                </ul>
                
            </p>
            <table border="1">
            <tr>
                <td>
                </td>
                <td>
                    <p>From Feet
                    </p>
                </td>
                <td>
                    <p>From Meters
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>From Feet
                    </p>
                </td>
                <td>
                    <p>1
                    </p>
                </td>
                <td>
                    <p>0.3048
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>From Meters
                    </p>
                </td>
                <td>
                    <p>3.28084
                    </p>
                </td>
                <td>
                    <p>1
                    </p>
                </td>
            </tr>
            </table>
        </div>
    </div>
    <div id="outputLayer">
        <div><h2>Result layer name</h2></div>
        <hr/>
        <div>
            <p>The name of the layer that will be created in  <b>My Content</b> and added to the map. The default name is based on the tool name and the input layer name. If the layer already exists, you will be prompted to provide another name.
            </p>
            <p>You can specify the name of a folder in  <b>My Content</b> where the result will be saved using the <b>Save result in</b> drop-down box.
            </p>
        </div>
    </div>
</div>
</html>
